<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/1/19
  Time: 11:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
</head>
<body>
<%--菜单树--%>
<%--菜单树部分--%>
<div class="easyui-layout" fit="true">
    <div class="easyui-panel" data-options="region:'west'"
         style="height:100% ;width:30%;margin-bottom: 2px">
        <ul id="menu-tree"></ul>
    </div>
    <div class="easyui-panel" data-options="region:'center'">
        <div class="easyui-layout" fit="true">
            <%--菜单工具栏部分--%>
            <div class="easyui-panel" data-options="region:'north'" style="height: 30px">
                <%--保存、删除、添加按钮--%>
                <a href="#" id="save_refresh" class="easyui-linkbutton" data-options="iconCls:'icon-refresh'">刷新</a>
                <a href="#" id="save_btn" class="easyui-linkbutton" data-options="iconCls:'icon-save'">保存</a>
                <a href="#" id="delete_btn" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>
                <a href="#" id="add_btn" class="easyui-linkbutton" data-options="iconCls:'icon-add'">添加新菜单</a>
            </div>
            <%--菜单表单部分--%>
            <div class="easyui-panel" data-options="region:'center'">
                <form id="menu-form" method="post">
                    <table class="contentTable">
                        <tr>
                            <td align='right' width="80px">名称：</td>
                            <td><input class="easyui-validatebox easyui-textbox" type="text" name="name" style="width: 85%" data-options="required:true"></td>
                        </tr>
                        <tr>
                            <td align='right'>访问URL：</td>
                            <td><input class="easyui-textbox" type="text" name="authUrl" style="width: 85%"></td>
                        </tr>
                        <tr>
                            <td align='right'>js模块：</td>
                            <td><input class="easyui-textbox" type="text" name="authPath" style="width: 85%"></td>
                        </tr>
                        <tr>
                            <td align='right'>图标：</td>
                            <td><input class="easyui-textbox" type="text" name="icon" style="width: 85%"></td>
                        </tr>
                        <tr>
                            <td align='right'>序 号：</td>
                            <td><input class="easyui-numberspinner" type="text" name="authIndex" style="width: 85%"></td>
                        </tr>
                        <tr>
                            <td align='right'>菜单类型：</td>
                            <td><select class="easyui-combobox" type="text" name="authType" style="width: 85%" disabled="disabled">
                                <option value="1">导航菜单</option>
                                <option value="2">场景菜单</option>
                            </select>
                            </td>
                        </tr>
                        <tr>
                            <td align='right'>是否有效：</td>
                            <td><input id="active"  class="easyui-switchbutton" data-options="onText:'是',offText:'否'" name="active"></td>
                        </tr>
                        <tr>
                            <td align='right'>是否只读：</td>
                            <td><input id="readOnly" class="easyui-switchbutton" data-options="onText:'是',offText:'否'" name="readOnly"></td>
                        </tr>
                        <tr>
                            <td align='right'>场景：</td>
                            <td><input class="easyui-textbox" type="text" name="sence" style="width: 85%"></td>
                        </tr>
                        <tr>
                            <td align='right'>执行参数：</td>
                            <td><input class="easyui-textbox" type="text" data-options="multiline:true" name="params" style="height:100px;width: 85%"></td>
                        </tr>
                        <tr>
                            <td align='right'>父菜单：</td>
                            <td><input id="parentName" class="easyui-textbox" type="text" name="parentName" style="width: 85%" readonly></td>
                        </tr>
                        <tr>
                            <td align='right'>备 注：</td>
                            <td><input class="easyui-textbox" type="text" name="descn" style="width: 85%"></td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </div>
</div>

<%--添加新菜单对话框--%>

<div id="addMenu">
    <div class="easyui-panel" style="height:350px;padding:5px">
        <form id="menu2" method="post" style="margin-bottom: 20px">
            <table style="font-size:12px; ">
                <div style="margin-bottom:5px">
                    <tr>
                        <td>显示名称：</td>
                        <td><input class="easyui-textbox" type="text" name="displayName" style="width: 300px"></td>
                    </tr>
                </div>
                <div style="margin-bottom:5px">
                    <tr>
                        <td>访问URL：</td>
                        <td><input class="easyui-textbox" type="text" name="authUrl" style="width: 300px"></td>
                    </tr>
                </div>
                <div style="margin-bottom:5px">
                    <tr>
                        <td>父 菜 单：</td>
                        <td><input class="easyui-textbox" type="text" name="parentSelf" style="width: 300px"></td>
                    </tr>
                </div>
                <div style="margin-bottom:5px">
                    <tr>
                        <td>菜单类型：</td>
                        <td><select class="easyui-combobox" type="text" name="authType" style="width: 300px">
                            <option>导航菜单</option>
                            <option>对象功能菜单</option>
                        </select></td>
                    </tr>
                </div>
                <div style="margin-bottom:5px">
                    <tr>
                        <td>页面对应的JS模块：</td>
                        <td><input class="easyui-textbox" type="text" name="authPath" style="width: 300px"></td>
                    </tr>
                </div>
                <div style="margin-bottom:5px">
                    <tr>
                        <td>是否有效：</td>
                        <td><select class="easyui-combobox" name="active" style="width:300px;">
                            <option value="active">有效</option>
                            <option value="inactive">无效</option>
                        </select></td>
                    </tr>
                </div>
                <div style="margin-bottom:5px">
                    <tr>
                        <td>操作权限：</td>
                        <td><select class="easyui-combobox" name="readOnly" style="width:300px;">
                            <option value="ReadOnly">只读</option>
                            <option value="ReadandWrite">读写</option>
                        </select></td>
                    </tr>
                </div>
                <div style="margin-bottom:5px">
                    <tr>
                        <td>菜单执行参数：</td>
                        <td><input class="easyui-textbox" type="text" name="params" style="width: 300px"></td>
                    </tr>
                </div>
                <div style="margin-bottom:5px">
                    <tr>
                        <td>场 景：</td>
                        <td><input class="easyui-textbox" type="text" name="sence" style="width: 300px"></td>
                    </tr>
                </div>
                <div style="margin-bottom:5px">
                    <tr>
                        <td>序 号：</td>
                        <td><input class="easyui-textbox" type="text" name="authIndex" style="width: 300px"></td>
                    </tr>
                </div>
                <div style="margin-bottom:5px">
                    <tr>
                        <td>备 注：</td>
                        <td><input class="easyui-textbox" type="text" name="descn" style="width: 300px"></td>
                    </tr>
                </div>
                <div style="margin-bottom:5px">
                    <tr>
                        <td>是否隐藏菜单:</td>
                        <td><select class="easyui-combobox" name="visible" style="width: 300px">
                            <option value="visible">可见</option>
                            <option value="invisible">隐藏</option>
                        </select></td>
                    </tr>
                </div>
            </table>
        </form>
    </div>
</div>
</body>
</html>
